<template>
  <div class="container bg-gray">
      <div class="p1 bg-white">
          <div class="p1-0">
            <div class="flex">
              <div class="flex-con">
                  店号：1259
              </div>
              <div class="flex-con">
                  单据号：541651
              </div>
          </div>
          <div class="flex">
              <div class="flex-con">
                  机号：Z002
              </div>
              <div class="flex-con">
                  日期：2018-04-12
              </div>
          </div>
          
          </div>
          
          <div class="p1-1">
              <div>
                  商品名称：92#G6
              </div>
              <div>
                  单价：6.55
              </div>
              <div>
                  数量：30
              </div>
              <div>
                  金额：1000
              </div>
          </div>

          <div class="p1-2 border-b">
              <div class="flex">
                  <div class="flex-con">
                      会员卡号
                  </div>
                  <div>
                      3246163XXXX631
                  </div>
              </div>
              <div class="flex">
                  <div class="flex-con">
                      上次结余的积分
                  </div>
                  <div>
                      85
                  </div>
              </div>
              <div class="flex">
                  <div class="flex-con">
                      上次产生的积分
                  </div>
                  <div>
                      34
                  </div>
              </div>
              <div class="flex">
                  <div class="flex-con">
                      本次消费的积分
                  </div>
                  <div>
                      0
                  </div>
              </div>
              <div class="flex">
                  <div class="flex-con">
                      本次将到期积分
                  </div>
                  <div>
                      0
                  </div>
              </div>
              <div class="flex">
                  <div class="flex-con">
                      剩余可用总积分
                  </div>
                  <div>
                      89
                  </div>
              </div>
               
          </div>
           <div class="p1-3">
               <div>
                    支付方式：微信支付
               </div>
               <div class="flex">
                   <div class="flex-con">
                       应收：100
                   </div>
                   <div class="flex-con">
                       实收：100
                   </div>
               </div>
               <div>
                   支付时间：12:30:04
               </div>
           </div>
      </div>
  </div>
</template>
<script>
export default {
    data(){
        return {
            info:{}
        }
    },
    created(){
        let id = parseInt(this.$route.query.id);
        if(id){
            this.$get('/api/bill/cost_detail',{id}).then(data=>{
                this.info = data;
            });
        }
    }
}
</script>

<style lang="scss" scoped>
.container{
    padding-top:0.4933rem;
    	font-size: 0.3467rem;
	color: #333333;
    line-height:0.6533rem;
}
.p1{
    background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px 
		rgba(186, 186, 186, 0.63);
    width: 9.24rem;
    margin:0 auto;
    padding:0.4rem 0;
    .p1-0,.p1-2,.p1-3{
        padding:0 0.36rem;
    }
    .p1-1{
        padding:0 0.36rem;
        margin-top:0.88rem;
    }
    .p1-2{
        margin-top:0.8133rem;
        padding-bottom:0.4533rem;
        margin-bottom:0.4533rem;
    }
}
</style>

